.wrap {
  height: 100%;
  width: 100%;
  .head {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 112rpx;
    background-color: #2172ED;
    .emtry, .refresh {
      width: 20%;
      text-align: center;
      color: #ffffff;
      .refresh-icon {
        font-size: 56rpx;
      }
    }
    .refreshAnimation {
      color: #f0a0a3;
      animation: refresh 2000ms linear infinite;
    }
    .content {
      width: 60%;
      position: relative;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 480rpx;
      height: 60rpx;
      padding: 0 25rpx;
      color: #2172ED;
      border: 1px solid rgba(238,238,238,1);
      border-radius: 10rpx;
      background-color: #fff;
    }
    .option-value {
      font-size: 26rpx;
    }
    .icon {
      position: absolute;
      top: 50%;
      right: 25rpx;
      transform: translate3d(0, -50%, 0);
      font-size: 22rpx;
    }
  }
  .week {
    display: flex;
    flex-direction: row;
    padding-left: 49rpx;
    border-bottom: 1rpx solid #f8f2f7;
    .week-item {
      width: 100rpx;
      height: 60rpx;
      border-left: 1rpx solid #f8f2f7;
    }
  }
  .common-style {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26rpx;
    color: #1e7ae4
  }
  .scroll {
    position: fixed;
    top: 172rpx;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 24rpx;
    .contain {
      display: flex;
      height: 1400rpx;
      width: 100%;
      .pitch {
        .pitch-item {
          width: 50rpx;
          height: 100rpx;
          border-right: 1rpx solid #f8f2f7;
          border-bottom: 1rpx solid #f8f2f7;
          box-sizing: border-box;
        }
      }
      .class-item {
        position: absolute;
        width: 100rpx;
        height: 100rpx;
        padding: 10rpx 10rpx;
        box-sizing: border-box;
        border-radius: 10rpx;
        opacity: 0.85;
        .class-content {
          height: 100%;
          font-size: 26rpx;
          line-height: 30rpx;
          color: #fff;
          text-align: center;
          word-break: break-all;
          overflow: hidden;
        }
      }
    }
  }
  .model-wrap {
    margin: 0 auto;
    padding: 0 auto;
    display: flex;
    flex-direction: column;
    width: 380rpx;
    .model-item {
      text-align: left;
      font-size: 30rpx;
      line-height: 35rpx;
    }
  }
}
@keyframes refresh {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}